{% extends 'base.html' %}

{% block jquery %}

    $( 'form' ).submit(function() {
    	if($('#contrasena-actual').attr('value') != ""){
            if($('#contrasena-nueva').attr('value') == $('#re-contrasena').attr('value')){
                return true;
            }
            else{
                alert("Las contraseñas no coinciden.");
                return false;
            }
		}
        else{
        }
    });
    
    $( '#cancelar' ).click(function() {
        location.href = "/busqueda";
    });


{% endblock %}
	
{% block ruta %}
		
{% endblock %}

{% block contenido %}
    <h2>Editar perfil de usuario</h2>
    <br/>

    <div align="center">
        <form id="formulario-producto" class="form-horizontal" action="perfil" method="post">
	        {% csrf_token %}
            <fieldset>
                <div class="control-group">
                    <label class="control-label" for="input01">Nombres:</label>
                    <div class="controls">
                        <input type="text" class="input-large" name="nombres" id="nombres" required="required" value="{{ user.first_name }}"/>
                    </div>
                </div>
                {% if request.session.grupoUsuarioId == 3 %}
                <div class="control-group">
                    <label class="control-label" for="input01">Apellidos:</label>
                    <div class="controls">
                        <input type="text" class="input-large" name="apellidos" id="apellidos" required="required" value="{{ user.last_name }}"/>
                    </div>
                </div>
                {% endif %}
                {% for lCiclo, campo in formulario_campos.items %}
                	<input type="hidden" name="id{{ campo.campo.id }}" id="id{{ campo.campo.id }}" 
                    value="{% for solicitud in campo.solicitud %}{{ solicitud.id }}{% endfor %}"/>
                
                    <div class="control-group">
                        <label class="control-label" for="input01">{{ campo.campo.etiqueta }}:</label>
                        <div class="controls">
                            <{{ campo.campo.tipo_campo.etiqueta }} class="input-large" id="campo{{ campo.campo.id }}" name="campo{{ campo.campo.id }}"
                            	{% if campo.campo.tipo_campo.tipo != "" %} type="{{ campo.campo.tipo_campo.tipo }}" {% endif %} 
                                {% if campo.campo.tipo_campo.etiqueta == "textarea" %}>{{ campo.solicitud_campo.contenido  }}</textarea> 
                                {% else %} value="{% for solicitud in campo.solicitud %}{{ solicitud.contenido }}{% endfor %}"/> 
                            {% endif %}
                        </div>
                    </div>
                {% endfor %}
                    
	            <div class="control-group">
                    <label class="control-label" for="input01">Correo electrónico:</label>
                    <div class="controls">
                        <input type="email" class="input-large" name="correo" id="correo" required="required" value="{{ user.email }}"/>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="input01">Contraseña actual:</label>
                    <div class="controls">
                        <input type="password" class="input-large" name="contrasena-actual" id="contrasena-actual"/>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="input01">Nueva contraseña:</label>
                    <div class="controls">
                        <input type="password" class="input-large" name="contrasena-nueva" id="contrasena-nueva"/>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="input01">Confirme la nueva contraseña:</label>
                    <div class="controls">
                        <input type="password" class="input-large" name="re-contrasena" id="re-contrasena"/>
                    </div>
                </div>
                
            </fieldset>
            <input type="button" id="cancelar" value="Canelar" class="btn btn-large"/>
            <button type="submit" id="crear" class="btn btn-primary btn-large">Guardar</button>
        </form>
	</div>
{% endblock %}